Ext.onReady(function () {

    var tree = new Ext.tree.TreePanel({
        region: 'west',
        // True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条
        collapsible: true,
        title: '系统管理',// 标题文本
        width: 250,
        // height : 567,
        margins: '0 0 5 0',
        border: true,// 表框
        autoScroll: true,// 自动滚动条
        animate: true,// 动画效果
        rootVisible: true,// 根节点是否可见
        split: true,
        root: new Ext.tree.AsyncTreeNode({
            text: '宁波水文站系统管理',
            expanded: true,
            children: [
                {
                    text: '数据字典管理',
                    children: [
                        {
                            text: '流域基本信息',
                            leaf: true,
                            id: 11
                        },
                        {
                            text: '河流信息',
                            leaf: true,
                            id: 12
                        },
                        {
                            text: '管理单位信息',
                            leaf: true,
                            id: 88
                        },
                        {
                            text: '水系信息',
                            leaf: true,
                            id: 13
                        },
                        {
                            text: '测站等级信息',
                            leaf: true,
                            id: 14
                        },
                        {
                            text: '测站类型信息',
                            leaf: true,
                            id: 15
                        },
                        {
                            text: '测站分类信息',
                            leaf: true,
                            id: 16
                        },
                        {
                            text: '实施项目信息',
                            leaf: true,
                            id: 17
                        },
                        {
                            text: '行政区划信息',
                            leaf: true,
                            id: 18
                        },
                        {
                            text: '实时库码类型信息',
                            leaf: true,
                            id: 19
                        },
                        {
                            text: '测站关联关系信息',
                            leaf: true,
                            id: 20
                        },
                        {
                            text: '公式参数信息',
                            leaf: true,
                            id: 21
                        }

                    ]

                },
                {
                    text: '用户管理',
                    children: [
                        {
                            text: '用户信息',
                            leaf: true,
                            id: 22
                        },
                        {
                            text: '角色信息',
                            leaf: true,
                            id: 23
                        }
                    ]
                }
            ]

        })
    });
    tree.on("click", function (node) {
        if (node.isLeaf()) {
            if(tab.getActiveTab().id!=node.id){
//                tab.remove(tab.getActiveTab().id);
                if(node.id==11){
                    tab.add({
                        title:'流域基本信息',
                        closable:true,
                        id: node.id,
                        html :'<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/lyxx.action" width="100%" height="100%" ></iframe>'
                    });
                    tab.setActiveTab(node.id);
                }else if(node.id==12) {
                    tab.add({
                        title: '河流信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/hlxx.action" width="100%" height="100%" ></iframe>'
//                        contentEl: 'tab1'
                    });
                    tab.setActiveTab(12);
                }else if(node.id==88) {
                    tab.add({
                        title: '管理单位信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/gldw.action" width="100%" height="100%" ></iframe>'
//                        contentEl: 'tab1'
                    });
                    tab.setActiveTab(88);
                }
                else if(node.id==13) {
                    tab.add({
                        title: '水系信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/sxxx.action" width="100%" height="100%" ></iframe>'
//                        contentEl: 'tab1'
                    });
                    tab.setActiveTab(13);
                }else if(node.id==14) {
                    tab.add({
                        title: '测站等级信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/czdjxx.action" width="100%" height="100%" ></iframe>'
//                        contentEl: 'tab1'
                    });
                    tab.setActiveTab(14);
                }else if(node.id==15) {
                    tab.add({
                        title: '测站类型信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/czlxxx.action" width="100%" height="100%" ></iframe>'
//                        contentEl: 'tab1'
                    });
                    tab.setActiveTab(15);
                }else if(node.id==16) {
                    tab.add({
                        title: '测站分类信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/czflxx.action" width="100%" height="100%" ></iframe>'
//                        contentEl: 'tab1'
                    });
                    tab.setActiveTab(16);
                }else if(node.id==17) {
                    tab.add({
                        title: '实施项目信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/ssxmxx.action" width="100%" height="100%" ></iframe>'
//                        contentEl: 'tab1'
                    });
                    tab.setActiveTab(17);
                }else if(node.id==18) {
                    tab.add({
                        title: '行政区划信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/xzqhxx.action" width="100%" height="100%" ></iframe>'
//                        contentEl: 'tab1'
                    });
                    tab.setActiveTab(18);
                }else if(node.id==19) {
                    tab.add({
                        title: '实时库码类型信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/mlx.action" width="100%" height="100%" ></iframe>'
//                        contentEl: 'tab1'
                    });
                    tab.setActiveTab(19);
                }else if(node.id == 20){
                    tab.add({
                        title: '测站关联关系信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/relation.action" width="100%" height="100%" ></iframe>'
                    });
                    tab.setActiveTab(20);

                }else if(node.id == 21){
                    tab.add({
                        title: '公式参数信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/formula.action" width="100%" height="100%" ></iframe>'
                    });
                    tab.setActiveTab(21);

                }
                else if(node.id == 22){
                    tab.add({
                        title: '用户信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/user.action" width="100%" height="100%" ></iframe>'
                    });
                    tab.setActiveTab(22);

                }
                else if(node.id == 23){
                    tab.add({
                        title: '角色信息',
                        closable: true,
                        id: node.id,
                        html: '<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/role.action" width="100%" height="100%" ></iframe>'
                    });
                    tab.setActiveTab(23);

                }

            }

        }
    });


    var tab = new Ext.TabPanel({
        activeTab: 11,
        region: "center",
        deferredRender: true,
//        autoDestroy:false,
//        CloseAction:'hide',
        items:
            [
            {
                title: '流域基本信息',
//                closable:true,
                id: 11,
               html :'<iframe id="MyIframe" frameborder="0"  scrolling="no" src="/index/lyxx.action" width="100%" height="100%" ></iframe>'
            }
        ]
//        ,
//        listeners:[{
//            remove:function(t,c){
//                c.hide();
//            }
//
//        }]
    });



    var viewport = new Ext.Panel({
        renderTo: 'content',
        width: 1356,
        height: 700,
        layout: 'border',
        items: [tree, tab]
    });

});